<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本表格</title>
</head>
<body>
<!--
    一个table标签对应页面中的一个表格
    tr:行
    th/td:列
        th内容默认居中,字体加粗,一般用于表头
        td内容默认居左,字体不加粗,一般用于表正文
    优先级问题
        当表格、行、列都设置了某一个样式的时候
        优先级:列>行>表格
-->
<table border="1" width="800px" height="500px" align="center" bgcolor="pink" background="../images/heihei.gif" cellpadding="20px" cellspacing="20px" bordercolor="yellow">
    <tr bgcolor="red">
        <th>学号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
    </tr>
    <tr align="left">
        <td bgcolor="#00ff00">1</td>
        <td bgcolor="#0000ff">admin</td>
        <td>男</td>
        <td>20</td>
    </tr>
    <tr>
        <td align="left">2</td>
        <td align="center">alex</td>
        <td align="right">男</td>
        <td>21</td>
    </tr>
    <tr>
        <td valign="top">3</td>
        <td valign="middle">alice</td>
        <td valign="bottom">女</td>
        <td>20</td>
    </tr>
</table>
</body>
</html>